<template>
	<div class="index">
		<commonHeader></commonHeader>
		<div class="commonContent" ref="mainScroll">
			<router-view></router-view>
			<commonBottom></commonBottom>
			<commonConsult></commonConsult>
		</div>
	</div>
</template>

<script>
import commonHeader from "./common/header";
import commonBottom from "./common/bottom";
import commonConsult from  "./common/consult"
export default {
	name: "index",
	data() {
		return {};
	},
	components: {
		commonHeader,
		commonBottom,
		commonConsult
	},
	computed: {},
	watch: {
		$route: {
			handler() {
				this.$refs.mainScroll.scrollTo({ top: 0, behavior: 'smooth' })
			},
			deep: true
		}
	},
	methods: {},
	mounted() {
	},
	created() {
	}
}
</script>

<style scoped lang="less" src="@/style/index.less"></style>
